
{extend name="layout"}
{block name="body"}

<section class="wld-content">
	<div class="page_title">续约套餐</div>
	<div class="page_title_obj">
		<a class="go_back" href="{:url('index/index/index')}"><i class="iconfont iconcontract2-fill"></i>返回到工作台</a>

	</div>
	<div class="con_box layui-form">

		<form class="layui-form-type layui-form mainForm" data-auto="true" data-callback="goPay">



			<div class="methods-box">
				<div class="methods-detail ">
					<div>
						<p class="is-bold">{$package.title|default=''}</p>

						{if $package.type eq 1}
						<p><span>服务时间：</span>  <span>不限</span> </p>
						<p><span>服务点数：</span>  <span>{$package.point|default='0'}点</span> </p>
						{else/}
						<p><span>服务时间：</span>  <span>{$package.month|default='0'}个月</span> </p>
						<p><span>限制人数：</span>  <span>{$package.people|default='0'}人</span> </p>
						{/if}
						<p><span>备注信息：</span>  <span>{$package.desc|default=''}</span> </p>
					</div>
					<div>


						<p>1.  下单付款后会有市场专员联系沟通具体信息；</p>
						<p>2.  购买后会以邮寄的形式寄送纸质合同；</p>
						<p>3.  纸质合同确认后才能进行正常增减员或办理其他服务</p>

					</div>
				</div>


			</div>

			<div class="button-submit">
				<p>套餐价格：<span class="is-bold is-red">{$package.price|default='0.00'}</span></p>
				<button class="layui-btn">立即下单</button>
				<input type="hidden" name="id"  value="{$package.id|default='0'}" />
			</div>
		</form>


	</div>

</section>
{/block}

{block name='script'}
<script>
	$(function (){


	})
	showImg = function (){
		layer.open({
			type: 1,
			title: false,
			closeBtn: 0,
			area: '300px',
			// skin: 'layui-layer-nobg', //没有背景色
			shadeClose: true,
			content: $('#payCode')
		});
	}
	function goPay(res) {

		if (res.code == 1) {
			layer.msg(res.info, {
				icon: 1,
				shade: this.shade,
				offset: '80px',
				scrollbar: false,
				end: function (){
					window.location.href="{:url('index/order/payment?id=')}?id=" + res.data.id
				},
				time: 2000,
				shadeClose: true
			});

		} else {
			$.msg.error(res.info)
		}
		return false
	}
</script>
{/block}

{block name="style"}
<style lang="less">
	.btn-methods{
		margin: 0 45px 30px;

	}

	.methods-box{

		margin: 45px;
		border: 1px solid #e5e5ed;
		padding: 30px;
		border-radius: 10px;

	}
	.methods-detail{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.methods-detail div{
		flex: 1;
		min-height: 200px;
	}
	.methods-detail div:first-child{
		padding-left: 100px;
	}
	.methods-detail div:last-child{
		padding-left: 50px;
		border-left: 1px solid #e5e5ed;;
	}
	.methods-detail div p{
		line-height: 44px;
	}


	.is-red{
		color: #FF5656;
		font-weight: bold;

	}
	.is-bold{
		font-weight: bold;
		font-size: 16px;
	}
	.button-submit{
		margin: 0 45px 30px;
		display: flex;
		align-items: center;
		justify-content: flex-end;

	}
	.button-submit button{
		margin-left: 80px;
		width: 180px;
	}

	.add-input-look li div:nth-child(1){
		width: 400px;
	}
	.add-input-look li div:nth-child(2){
		width: 370px;
	}

	.add-input-look li div:nth-child(3){
		width: 210px;
	}

	.is-code{
		display: inline-block;
		margin-left: 20px;
		font-weight: bold;
		color: #61cad7;
		cursor: pointer;
	}

</style>
{/block}


